<!DOCTYPE html>
<html lang="en">
{% extends 'board_app/base.html' %}
{% block content %}
    <p class="lead">在这里发现有趣的话题，或是创建你自己的话题。</p>
    <a class="btn btn-primary"
       href="{% url 'board_app:new_topic' %}">创建新话题</a>
    <ul>
    {% for topic in topics %}
        <li>
            <a href="{% url 'board_app:topic_page' topic.id %}"><b>{{ topic.topicName }}</b></a><br>
            {{ topic.getDescriptionShortly }}<br>
            <span style="color:darkgrey">{{ topic.getTimeStr }}</span>
        </li>
    {% empty %}
        <li>😶 一个话题都没有，快去创建新话题吧~</li>
    {% endfor %}
    </ul>
{% endblock content %}
</body>
</html>